<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>热门活动</title>
    <style type="text/css">
li{
    list-style: none;
    float: left;
    padding: 20px;

}
        #a{
            width: 800px;
        }
        a1{
            font-size: 35px;
            float: left;
        }
        a2{
            font-size: 30px;
            float: right;
            color: #4D4D4D;
        }
        #b1{
            width:280px ;
            height: 110px    ;
            background-image: url("img1.png");
            background-size: cover;
        }
#b2{
    width:280px ;
    height: 110px    ;
    background-image: url("img2.png");
    background-size: cover;
}
#b3{
    width:280px ;
    height: 110px    ;
    background-image: url("img3.png");
    background-size: cover;
}
#b4{
    width:280px ;
    height: 110px    ;
    background-image: url("img4.png");
    background-size: cover;
}
    </style>
</head>
<body>
<div id="a">
    <b> <a1/>热门活动</a1>  <a2>更多</a2></b>
    <br/><br/>
<ul>

    <li><div id="b1"></div><br/>推荐活动 | 原创音乐现金榜T榜</li>
    <li><div id="b2"></div><br/>推荐节目|《TAImusic》爆笑来袭</li>
    <li><div id="b3"></div><br/>推荐歌单 | 继续宠爱张国荣</li>
    <li><div id="b4"></div><br/>推荐活动| 330金属音乐巡演 成都小酒馆音乐空间</li>
</ul>

</div>







</body>
</html>